iT邦幫忙

DAY 14
1

給學弟的ASP.NET網頁學習經驗系列 第 14

ASP.NET學習經驗#14----UpdatePanel讓你不會整天刷新頁面

  • 分享至 

  • xImage
  •  

是否覺得網頁點選個東西都在整天頁面重整刷新很煩呢?

嚴重影響使用者的觀感!!!!!

這是因為伺服器控制項的PostBack造成的。

想解決這樣的問題我們就要使用Ajax

由於我們是新手入門還是先用.NET提供的UpdatePanel

雖然AutoPostBack付出龐大的成本,

但是UpdatePanel也是產生龐大工作量的,

何況新手(含我)一開始都會忽略UpdateMode、Triggers,

很直接放上去能用就好,都沒有理會調校的(無奈學校老師沒教也不會教阿...都叫你拉一拉)

有能力還是要去學一下如何撰寫xmlHttpRequest

非同步的JavaScriptXML(Ajax)的技術功力唷!!!

首先畫面放上ScriptManager(這是管理網頁上所有Ajax的核心元件)

下方左邊放上UpdatePanel並在裡頭放個GirdView、SqlDataSource

右邊也放個UpdatePanel裡面則是DetailView與SqlDataSource

介紹一下幾個UpdatePanel的重要屬性:

[*]Triggers:設定有哪些控制項(可以是Panel內部或外部)哪些事件會觸發UpdatePanel更新
[*]ChildrenAsTriggers: 用來設定在UpdatePanel的子控制項(就是被包在裡面的)被觸發時是否都會觸發Panel的更新
[*]UpdateMode: Always(預設)與 Conditional,Always是不管有沒有Tiggers都將更新Panel,Conditional則是要看Triggers與ChildrenAsTriggers的條件

設定UpdatePanel1:

只允許GridView的Select事件來更新這個Panel

UpdatePanel2則是同樣設定但不新增Trigger

這樣在觸發時就只會使UpdatePanel1更新,UpdatePanel2則不會

可以替GridView的SelectedRowStyle屬性設定顏色,執行後就會發現顏色不會改變唷!!

(也可以點選排序或者分頁,就可以觀察發現不會有動作)


上一篇
ASP.NET學習經驗#13----在網頁上編輯Html的簡單好用CKeditor
下一篇
ASP.NET學習經驗#15----基本功Cookie與Session
系列文
給學弟的ASP.NET網頁學習經驗30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言